<template>
    <div class="demo">
        <h1>{{ title }}</h1>
        <slot name="bottom" :slotData="slotData">底部插槽默认值3</slot>
    </div>
</template>

<script>
export default {
    data() {
        return {
            title: 'CategoriesComp',
            slotData: 'https://image-blog-lee.oss-cn-hangzhou.aliyuncs.com/uPic/MKmIgd.png',
            items: [
                { id: 1, name: 'Category 1' },
                { id: 2, name: 'Category 2' },
                { id: 3, name: 'Category 3' },
            ],
        };
    },
};
</script>
<style scoped>
    .demo {
        border: 1px solid red;
        padding: 10px;
        margin: 10px;
    }
</style>